<template>
  <div class="AuthorInformation">
    <p class="AuthorInformation_top">{{title}}</p>
    <div class="AuthorInformation_div">
      <router-link :to="'/user/' + user.username">
        <img :src="user.avatar" alt="" />
        <p>{{ user.username }}</p>
      </router-link>
    </div>
    <p
      style="
        clear: both;
        font-size: 13px;
        padding-left: 10px;
        line-height: 30px;
      "
    >
      积分：{{ integral }}
    </p>
    <p style="font-size: 12px; padding-left: 10px; line-height: 25px">
      {{ label }}
    </p>
  </div>
</template>

<script>
export default {
  props: ["user","title"],
  data() {
    return {
      integral: 0, //积分
      label: "“这个人很懒，什么个性签名都没有留下来。”", //标签
    };
  },
};
</script>

<style>
.AuthorInformation {
  width: 290px;
  background: #ffffff;
  border-radius: 0 0 3px 3px;
  margin-bottom: 13px;
  padding-bottom: 10px;
}
.AuthorInformation_top {
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  background: #f5f5f5;
  margin-bottom: 14px;
  font-size: 14px;
  color: #444;
}
.AuthorInformation_div {
  background: #f5f5f5;
  padding-left: 10px;
  clear: both;
}
.AuthorInformation_div img {
  width: 50px;
  height: 50px;
  border-radius: 3px;
  margin-right: 10px;
  float: left;
}
.AuthorInformation_div p {
  color: #74797d;
  float: left;
  line-height: 50px;
}
</style>